<template>
  <view :style="{ height: statusBarHeight }" class="uni-status-bar" :class="{
    'warmMorning_bg':is_mainBody
  }">
    <slot />
  </view>
</template>

<script setup>
  import sheep from '@/sheep';
  import { computed } from 'vue';

  const statusBarHeight = sheep.$platform.device.statusBarHeight + 'px';

  const props = defineProps({
    // 是否是主体
    is_mainBody: {
      type: Boolean,
      default: false,
    },
  });
</script>
<style lang="scss">
  .uni-status-bar {
    // width: 750rpx;
    height: var(--status-bar-height);
  }
</style>
